<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <link rel="icon" type="image/png" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欢迎来到金色穹顶！</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <!-- 全屏背景图片 -->
    <img src="https://cdn.sa.net/2025/07/16/uVjMIRxHAcLsEmY.png" alt="Background" class="background-image"
        onerror="this.style.display='none';console.error('背景图片加载失败');">

    <!-- 半透明悬浮文字框 -->
    <div class="floating-box">
        金色穹顶<br>
        Q群：1143162978<br>
        欢迎进群咨询<br><br>
        特别鸣谢<br>
        云云星羽yyxy.top
    </div>

    <!-- Canvas动画脚本 -->
    <script>
        ! function () {
            function o(w, v, i) {
                return w.getAttribute(v) || i
            }
            function j(i) {
                return document.getElementsByTagName(i)
            }
            function l() {
                var i = j("script"),
                    w = i.length,
                    v = i[w - 1];
                return {
                    l: w,
                    z: o(v, "zIndex", -1),
                    o: o(v, "opacity", 0.7),
                    c: o(v, "color", "255,255,255"), // 修改为白色
                    n: o(v, "count", 400)
                }
            }
            function k() {
                r = u.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
                    n = u.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
            }
            function b() {
                e.clearRect(0, 0, r, n);
                var w = [f].concat(t);
                var x, v, A, B, z, y;
                t.forEach(function (i) {
                    i.x += i.xa, i.y += i.ya,
                        i.xa *= i.x > r || i.x < 0 ? -1 : 1,
                        i.ya *= i.y > n || i.y < 0 ? -1 : 1,
                        e.fillStyle = "rgba(255,255,255,0.5)"; // 半透明白色点
                    e.fillRect(i.x - 0.5, i.y - 0.5, 1, 1);
                    for (v = 0; v < w.length; v++) {
                        x = w[v];
                        if (i !== x && null !== x.x && null !== x.y) {
                            B = i.x - x.x, z = i.y - x.y, y = B * B + z * z;
                            y < x.max && (x === f && y >= x.max / 2 && (i.x -= 0.01 * B, i.y -= 0.01 * z),
                                A = (x.max - y) / x.max,
                                e.beginPath(),
                                e.lineWidth = A / 2,
                                e.strokeStyle = "rgba(255,255,255," + (A * 0.7 + 0.2) + ")", // 半透明白色线
                                e.moveTo(i.x, i.y),
                                e.lineTo(x.x, x.y),
                                e.stroke())
                        }
                    }
                    w.splice(w.indexOf(i), 1)
                }), m(b)
            }
            var u = document.createElement("canvas"),
                s = l(),
                c = "c_n" + s.l,
                e = u.getContext("2d"),
                r, n,
                m = window.requestAnimationFrame ||
                    window.webkitRequestAnimationFrame ||
                    window.mozRequestAnimationFrame ||
                    window.oRequestAnimationFrame ||
                    window.msRequestAnimationFrame ||
                    function (i) {
                        window.setTimeout(i, 1000 / 45)
                    },
                a = Math.random,
                f = {
                    x: null,
                    y: null,
                    max: 50000
                };
            u.id = c;
            u.style.cssText = "position:fixed;top:0;left:0;z-index:" + s.z + ";opacity:" + s.o;
            document.body.appendChild(u);
            k(), window.onresize = k;
            window.onmousemove = function (i) {
                i = i || window.event, f.x = i.clientX, f.y = i.clientY
            }, window.onmouseout = function () {
                f.x = null, f.y = null
            };
            for (var t = [], p = 0; s.n > p; p++) {
                var h = a() * r,
                    g = a() * n,
                    q = 2 * a() - 1,
                    d = 2 * a() - 1;
                t.push({
                    x: h,
                    y: g,
                    xa: q,
                    ya: d,
                    max: 8000
                })
            }
            setTimeout(function () {
                b()
            }, 100)
        }();
    </script>
</body>

</html>